﻿<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>

<%@ Register src="../Shared/Header_Report.ascx" tagname="Header_Report" tagprefix="uc1" %>

<!DOCTYPE html>
<html>
<head runat="server">
    <title>今日详情</title>
    <uc1:Header_Report ID="Header_Report1" runat="server" />
    <script type="text/javascript">
        $(function () {

            $.ajax({
                type: "POST",
                url: "/Report/LoadDayReport/",
                success: function (data) {
                    var maxY = getMaxY(data.series);
                    maxY = maxY + (5 - (maxY % 5));
                    drawChart('container', data.category, data.color, data.series, maxY, '消毒供应中心今日详情', '', '操作流程', '数量(个)');
                },
                error: function () {
                    $.messager.alert('错误', '加载数据失败！', "error");
                }
            });

            /*
            
            var chart = new Highcharts.Chart({
            chart: {                                //图标区选项
            renderTo: 'container',                      //图表放置的容器。
            type: 'column'                              //图表类型line, spline, area, areaspline, column, bar, pie , scatter。
            },
            credits:                                //右下角名片
            {
            enabled: false,                              //是否启用名片。
            text: '今日详情',                           //设置名片显示的值。
            href: 'http://www.highchart.com',           //点击名片跳转的链接。
            position: {                                 //设置名片的位置。
            align: 'right',
            x: -10,
            verticalAlign: 'bottom',
            y: -5
            }

            },
            title: {                                //标题选项
            text: ''                                    //标题文本内容。默认值Chart title
            //,align:                                   //水平对齐方式。默认值center
            //,verticalAlign:                           //垂直对齐方式。默认值top
            //,margin:                                  //标题与副标题之间或者主图表区间的间距
            //,floating:                                //是否浮动，如果为true，则标题可以偏离主图表区，可配合x,y属性使用。默认值false
            //,style:                                   //设置CSS样式。{color: '#3E576F',fontSize: '16px'}
            },
            subtitle: {                             //副标题选项，同标题选项。副标题的text选项默认为''，即空的，所以默认情况下副标题不显示
            //text: '副标题'
            },
            xAxis: {                                //X轴选项
            categories: categories                      //设置X轴分类名称，数组，例如：categories: ['Apples', 'Bananas', 'Oranges']。默认值[]
            //,title:                                   //X轴名称，支持text、enabled、align、rotation、style等属性
            //,labels:                                  //设置X轴各分类名称的样式style，格式formatter，角度rotation等。
            //,max:                                     //X轴最大值(categories为空时)，如果为null，则最大值会根据X轴数据自动匹配一个最大值。
            //,min:                                     //X轴最小值(categories为空时)，如果为null，则最小值会根据X轴数据自动匹配一个最小值。
            //,gridLineColor:                           //网格（竖线）颜色。默认值#C0C0C0
            //,gridLineWidth:                           //网格(竖线)宽度。默认值1
            //,lineColor:                               //网格(竖线)宽度。默认值#C0D0E0
            //,lineWidth:                               //网格(竖线)宽度。默认值0
            },
            yAxis: {                                //Y轴选项，同X轴选项
            title: {
            text: '包的个数'
            }
            },
            plotOptions: {                          //数据点选项,用于设置图表中的数据点相关属性。plotOptions根据各种图表类型，其属性设置略微有些差异
            column: {
            dataLabels: {
            enabled: true,
            color: colors[0],
            style: {
            fontWeight: 'bold'
            },
            formatter: function () {
            return this.y;
            }
            }
            }
            },
            tooltip: {                              //数据点提示框
            enabled: false                                  //是否显示提示框
            //,backgroundColor:                             //设置提示框的背景色
            //,borderColor:                                 //提示框边框颜色。默认自动匹配数据列的颜色
            //,borderRadius:                                //提示框圆角度。默认值5
            //,shadow:                                      //是否显示提示框阴影。默认值true
            //,style:                                       //设置提示框内容样式，如字体颜色等
            },
            series: series,
            //                series: [{                      //数据列选项
            //                    name: name,                                     //显示数据列的名称。
            //                    data: data,
            //                    //显示在图表中的数据列，可以为数组或者JSON格式的数据。
            //                    //如：data:[0, 5, 3, 5]，或data: [{name: 'Point 1',y: 0}, {name: 'Point 2',y: 5}]
            //                    //如果想对不同的列显示不同的颜色请对该列使用color属性,如data: [148.5, { y: 216.4,color: '#BF0B23'},54.4]
            //                    color: 'white'                                  //列的颜色
            //                }],
            exporting: {                            //导出选项
            enabled: false                              //是否显示
            //,url:                                     //设置点击导出按钮连接的地址。默认是官网的地址，可自己定义
            //,filename:                                //保存的文件名
            //,type:                                    //保存的文件类型。默认是Image/png，可自己定义
            //,buttons:                                 //设置导出或打印按钮的样式、事件等具体配置请看官网
            //,width:                                   //宽度
            //,url:                                     //设置点击导出按钮连接的地址，默认是官网的地址，可自己定义
            //,enableImages:                            //是否启用图像的出口。包括图像的点标记，背景图片等，默认为false。应该是是否添加背景图
            }
            });

            */
        });      
               
    </script>
</head>
<body class="easyui-layout">
    <form id="form1" runat="server">
    <div region="center" style="padding: 5px;" border="false">
        <div id="container" style="min-width: 400px; height: 400px; margin: 0 auto">
            
        </div>
    </div>
    </form>
</body>
</html>
